<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/sign.css" />
    <title>注册</title>
  </head>
  <body>
    <div id="add">
      <header>注册账号</header>
      <main>
        <aside style="margin-top: 4rem">
          <input type="text" placeholder="请输入手机号" />
          <p><span>*</span>手机号：</p>
        </aside>
        <aside>
          <input type="text" placeholder="请输入密码" />
          <p><span>*</span>密码：</p>
        </aside>
        <aside>
          <input type="text" placeholder="请输入密码" />
          <p><span>*</span>确认密码：</p>
        </aside>
        <article>
          <input
            type="button"
            value="注册"
            @click="location.href='./login.html'"
          />
        </article>
      </main>
      <footer>遇到问题？</footer>
    </div>
  </body>
  <script src="libs/vue.js"></script>
  <script>
    new Vue({
      el: "#add",
      data: {},
    });
  </script>
</html>
